草庐IT

javascript ondrop 事件

全部标签

javascript - 事件监听器 - 等效于 Firefox?

我注意到Chromium在检查器/调试器中有一个有趣的特性:事件监听器。我还没有在FirefoxFirebug中找到等效的功能。我在几年前看到一个问题,它说Firefox没有等效的功能,但我想知道是否有关于此的任何更新......是否有用于Firebug的插件可以列出监听器?或者,Firefox的实现是否存在某些不切实际的地方? 最佳答案 现在,这个特性在firefoxinspector中是原生的,你不再需要firebug:)http://flailingmonkey.com/view-dom-events-in-firefox-d

javascript - 事件处理程序绑定(bind)到匿名函数与命名函数

我知道.on()与jQuery一起存在并且.bind()不应该在未来使用,考虑到我有jQuery版本大于或等于1.7。我想知道的是:使用.bind()将匿名函数或命名函数附加到事件处理程序之间有什么区别吗?示例://Anonymousfunction$(".warning").bind("click",function(){alert("Hello");});//Namedfunction$(".warning").bind("click",foo);functionfoo(){alert("Hello");}假设我的页面中有100个div类warning。函数.bind()会将一个新

javascript - 为什么scroll事件不冒泡?

今天我有一个理论问题。为什么scroll事件不冒泡?它与性能问题有关吗?我做了一些挖掘,但遗憾的是没有找到任何能满足我好奇心的答案。感谢您的回复:) 最佳答案 它会冒泡但不会在元素上冒泡。它在文档对象上冒泡,直到document.defaultView(文档的窗口)。这种行为是为了避免性能问题(滚动事件可以高速触发)。如果您想了解有关滚动的更多信息,我建议您阅读W3文档:https://www.w3.org/TR/cssom-view/#scrolling希望对你有帮助。 关于javas

javascript - Service Worker 获取事件永远不会触发

问题标题说明了一切。if('serviceWorker'innavigator){navigator.serviceWorker.register('/react-redux/sw.js').then(()=>{console.log('registered');},err=>console.log(err));}编辑看来问题的根源是路径navigator.serviceWorker.register('/react-redux/sw.js')如果我移动sw代码,那么我就有了navigator.serviceWorker.register('swRoot.js').then(()=>{

javascript - 如何使用 JavaScript 列出 DOM 节点的所有已注册事件?

我可以为DOM节点添加或删除事件处理程序。是否有可能找出给定DOM节点的所有已注册事件处理程序?我指的是直接的Javascript,意思是没有框架或工具包,如jQuery、dojo、Prototype、GWT等。如果答案是否定的,有什么原因吗?安全问题? 最佳答案 我知道这是一个老问题,但为了以防万一,对于chrome你可以使用getEventListenersgetEventListenersfunction如这里所述:https://stackoverflow.com/a/17466308/538752

javascript - 当 DIV 在 View 中时触发 JavaScript 事件

是否可以在页面上出现某个DIV时触发特定的JavaScript事件?例如,我有一个非常大的页面,例如2500x2500,我有一个40x40的div,它位于1980x1250的位置。div不一定是手动定位的,它可能是因为内容将它推到那里。现在,是否可以在用户滚动到div可见的位置时运行函数? 最佳答案 不是自动的。您必须捕捉滚动事件并通过比较div矩形与可见页面矩形的坐标来检查它是否每次都在View中。这是一个最小的例子。hellofunctionVisibilityMonitor(element,showfn,hidefn){var

JavaScript 添加事件跨浏览器功能实现 : use attachEvent/addEventListener vs inline events

为了添加事件,我们可以使用这个简单的第一个解决方案:functionAddEvent(html_element,event_name,event_function){if(html_element.attachEvent)//InternetExplorerhtml_element.attachEvent("on"+event_name,function(){event_function.call(html_element);});elseif(html_element.addEventListener)//Firefox&companyhtml_element.addEventLis

JavaScript 属性更改事件

我需要在每次更新/更改属性时触发一个事件,以使dom元素与模型上的属性值保持同步(我使用johnresig的简单继承http://ejohn.org/blog/simple-javascript-inheritance/)。这可能以跨浏览器的方式进行吗?在我看来,如果我可以包装js用来设置属性并使其触发事件的任何函数,它就可以工作,我只是不确定该怎么做。 最佳答案 JavaScript不使用函数来设置属性。它们只是变量,设置它们不需要任何精心设计的包装器。不过,您可以使用函数来设置属性—与您在支持类中私有(private)数据的语言

javascript - jquery:选择文本事件

是否有可能当用户选择一些文本(非文本区域或输入)时,jquery可以调用我的回调让我知道选择了哪个div的文本,如果选择焦点丢失也调用我的回调?谢谢。 最佳答案 有点令人惊讶的是,没有简单的方法可以做到这一点。IE有一个select在所有元素上实现的事件,但其他浏览器从未将其扩展到输入之外。您必须处理整个文档的keyup和mouseup事件,即便如此,您的回调也可能在选择实际上没有改变时被调用。2013年10月13日更新WebKit浏览器已经支持Document节点上的selectionchange事件好几年了。IE回到5.5版本也

javascript - 如何仅在 Backbone.js 事件处理程序中指定子项?

我有一个View,里面有一个View(实际上是相同的View,它是递归的)。我只希望内部View处理来自“a”onclick事件的事件。我试图通过在选择器中仅指定直接子级来做到这一点,但它不起作用。我试过:events:{'click>a':'toggle'},和events:{'click>a':'toggle'},但是他们不工作,有什么建议吗?(注意:做像使用标签和类这样的事情是行不通的,因为View是递归的(意味着内部和外部都有相同的事件定义) 最佳答案 我遇到了同样的问题,并通过停止在我的subview中传播事件来解决它。例